<template>
    <div  class="markdown-body">
        <vue-markdown :source="content "></vue-markdown>
    </div>
</template>
<script>
import VueMarkdown from 'vue-markdown'
import note from '@/md/note.md'
import 'highlight.js' // 引入 highlight.js
import 'highlight.js/styles/github.css' // 引入高亮样式 // 其他元素使用 github 的样式
import 'github-markdown-css'
export default {
  name: 'NoteBook',
  components: { VueMarkdown },
  data () {
    return {
      content: note
    }
  },
  mounted () {},
  methods: {}
}
</script>
<style scoped>
.markdown-body{
  text-align: left;
}
</style>>
